/* Shigatsu Wa Kimi No Uso Version Manga*/

body:before {
    position: absolute;
	display: block;
	content: '';
	left: 0;
	top: 40px;
	width: 100%;
	height: 128px;
	background-image: url("https://dl.dropbox.com/s/tl0dcjsaku615a8/barLong.png");
	background-position: right top;
	background-repeat: repeat-x;
	animation: Slide 50s linear infinite;
	-webkit-animation: Slide 50s linear infinite;
	  -ms-animation: Slide 50s linear infinite;
       -o-animation: Slide 50s linear infinite;
	z-index: -2;
}

body {
    background-color: rgba(0, 0, 59, 0.5);
    font-family: candara;
    background-image:url("https://dl.dropbox.com/s/jz9dx6mroap16ns/Fondo.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#list_surround {
	padding-top: 130px;
	width: 700px;
	margin: auto !important;
	background-image:url("https://dl.dropbox.com/s/4ho5ezoeltvdf4g/photo.png");
	background-repeat:no-repeat;
	background-size: 696px 400px;
	background-position: 50% 151px;
}

.header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw {  
	height: 120px;
	background-size: 700px 139px;
    background-position: center top;
    background-repeat: no-repeat;
}

.header_cw{
    background-image:url("https://dl.dropbox.com/s/kjoeb9rkxm1ux7i/Header_wtch.png"); 
}

.header_completed{
    background-image:url("https://dl.dropbox.com/s/ngsk75kf5a5l0ei/Header_cmp.png");
}

.header_onhold{
    background-image:url("https://dl.dropbox.com/s/woyy9te4inxsjg8/Header_oh.png");
}

.header_dropped{
    background-image:url("https://dl.dropbox.com/s/qrjfht4pz7fg2io/Header_drp.png");
}

.header_ptw{
    background-image:url("https://dl.dropbox.com/s/rtk2zj5bi7xpmgm/Header_ptw.png");
}

.header_title span { display: none; }

.td1:first-of-type, .td2:first-of-type {
    border-left: 2px solid black !important;
}

.td1:last-of-type , .td2:last-of-type  {
    border-right: 2px solid black !important;
}

td.table_header:nth-of-type(2), td.table_header:nth-of-type(3), td.table_header:nth-of-type(4), td.table_header:nth-of-type(5){
    background-image: url("none");
    border-top: 2px solid black ;
}

.table_header, .td1, .td2, .category_totals {
    background-color: rgba(255, 255, 255, 0.6);
    border: 0 none;
    padding: 3px;
    vertical-align: top;
}

.table_header:first-of-type {
    border-left: 2px solid black !important;
    border-top: 2px solid black !important;
    border-radius: 12px 0 0 0;
}

.table_header:last-of-type {
    border-right: 2px solid black !important;
    border-top: 2px solid black !important;
    border-radius: 0 12px 0 0;
}

.td1, .td2 {
    transition: background-color 0.5s linear 0s;
    padding-top: 3px;
    font-size: 14.5px;
}

tr:hover .animetitle{
    color: #ACF6FF;
    font-weight: bold !important;
    text-shadow: 2px 1px 2px black;
    transition: all 0.25s ease 0s;
}

tr:hover [class^="td"] {
    background-color: rgba(242, 166, 3, 0.9);
    transition: all 0.4s ease 0s;
}

a {
    text-decoration: none;
    color: black;
    text-shadow: none;
}

small {
    color: #9d3e68;
    font-weight: bold;
}

.category_totals {
    background-color: rgba(255, 255, 255, 0.4);
    border: 2px solid black ;
    border-radius: 0 0 12px 12px;
    text-align: center;
    font-size: 14px;
}

.category_totals:hover {
    background-color: #9d3e68;
    color: #FFFFFF;
}

#grand_totals {
    background-color: #9d3e68;
    border: 2px solid black;
    border-radius: 12px 12px 12px 12px;
    color: #FFFFFF;
    line-height: 20px;
    min-height: 20px;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
    font-size: 12.5px;
}

#copyright, #copyright:hover {
    bottom: 0;
    color: white;
    padding-top: 28px;
    height: 70px;
    width: 100%;
    font-size: 13px;
}

#copyright:after{
    color: white;
    content: " Design by FlipSide. ";
    font-size: 13px;
}


.status_not_selected a, .status_selected a {
	position: relative;
	display: inline-block;
	top: 0px;
	width: 116px;
	height: 400px;
  font-size: 0;
	background-image: url("https://dl.dropbox.com/s/o5b93wwgvrh1kls/st.png"); 
	background-repeat: no-repeat;
	transition: background-position .3s linear;
	-webkit-transition: background-position .3s linear;
	 -moz-transition: background-position .3s linear;
	  -o-transition: background-position .3s linear;
}

/* Currently watching */
.status_not_selected a[href*="status=1"], .status_selected a[href*="status=1"] { left: 0px; }
.status_not_selected a[href*="status=1"] { background-position: 0px 400px; }
.status_not_selected a[href*="status=1"]:hover { 
	background-position: 0px 0px; 
	left: 0px; 
	font-size: 13.2px; 
	font-weight: bold; 
	color: #ffffff; 
	box-shadow: inset 0 20px 0 #2abd6a; 
	 -moz-box-shadow: inset 0 20px 0 #2abd6a;
	  -webkit-box-shadow: inset 0 20px 0 #2abd6a;
	   -o-box-shadow: inset 0 20px 0 #2abd6a;}
.status_selected a[href*="status=1"] { background-position: 0px 0px; }
  
/* Completed */
.status_not_selected a[href*="status=2"], .status_selected a[href*="status=2"] { left: -2px; }
.status_not_selected a[href*="status=2"] { background-position: -116px 400px; }
.status_not_selected a[href*="status=2"]:hover { 
	background-position: -116px 0px; 
	left: -2px; 
	font-size: 15px; 
	font-weight: bold; 
	color: #000000; 
	box-shadow: inset 0 20px 0 #ffcacd;
	 -moz-box-shadow: inset 0 20px 0 #ffcacd;
	  -webkit-box-shadow: inset 0 20px 0 #ffcacd;
	   -o-box-shadow: inset 0 20px 0 #ffcacd;} 
.status_selected a[href*="status=2"] { background-position: -116px 0px; }
  
/* On hold */
.status_not_selected a[href*="status=3"], .status_selected a[href*="status=3"] { left: -2px; }
.status_not_selected a[href*="status=3"] { background-position: -232px 400px; }
.status_not_selected a[href*="status=3"]:hover{ 
	background-position: -232px 0px; 
	left: -2px; 
	font-size: 15px; 
	font-weight: bold; 
	color: #f4d063; 
	box-shadow: inset 0 20px 0 #9f85b3;
	 -moz-box-shadow: inset 0 20px 0 #9f85b3;
	  -webkit-box-shadow: inset 0 20px 0 #9f85b3;
	   -o-box-shadow: inset 0 20px 0 #9f85b3;} 
.status_selected a[href*="status=3"] { background-position: -232px 0px; }

/* Dropped */
.status_not_selected a[href*="status=4"], .status_selected a[href*="status=4"] { left: -2px; }
.status_not_selected a[href*="status=4"] { 
	background-position: -348px 400px; }
.status_not_selected a[href*="status=4"]:hover { 
	background-position: -348px 0px; 
	left: -2px; 
	font-size: 15px; 
	font-weight: bold; 
	color: #ffffff; 
	box-shadow: inset 0 20px 0 #e19f61;
	 -moz-box-shadow: inset 0 20px 0 #e19f61;
	  -webkit-box-shadow: inset 0 20px 0 #e19f61;
	   -o-box-shadow: inset 0 20px 0 #e19f61;} 
.status_selected a[href*="status=4"] { background-position: -348px 0px; }

/* Planned */
.status_not_selected a[href*="status=6"], .status_selected a[href*="status=6"] { left: -2px; }
.status_not_selected a[href*="status=6"] { 
	background-position: -464px 400px; }
.status_not_selected a[href*="status=6"]:hover { 
	background-position: -464px 0px; 
	left: -2px; 
	font-size: 15px; 
	font-weight: bold; 
	color: #ffefd5; 
	box-shadow: inset 0 20px 0 #048cb9;
	 -moz-box-shadow: inset 0 20px 0 #048cb9;
	  -webkit-box-shadow: inset 0 20px 0 #048cb9;
	   -o-box-shadow: inset 0 20px 0 #048cb9;}
.status_selected a[href*="status=6"] { background-position: -464px 0px; }
  
/* All */
.status_not_selected a[href*="status=7"], .status_selected a[href*="status=7"] { left: -2px; }
.status_not_selected a[href*="status=7"] { 
	background-position: -580px 400px; }
.status_not_selected a[href*="status=7"]:hover { 
	background-position: -580px 0px; 
	left: -2px; 
	font-size: 15px; 
	font-weight: bold; 
	color: #ffe3c9; 
	box-shadow: inset 0 20px 0 #e03d5a; 
	 -moz-box-shadow: inset 0 20px 0 #e03d5a; 
	  -webkit-box-shadow: inset 0 20px 0 #e03d5a;
       -o-box-shadow: inset 0 20px 0 #e03d5a;}
.status_selected a[href*="status=7"] { background-position: -580px 400px; }  


@keyframes Slide {
	0% { background-position: 0 0; }
	100% { background-position: -1935px 0; }
}
 
@-webkit-keyframes Slide {
	0% { background-position: 0 0; }
	100% { background-position: -1935px 0; }
}